﻿<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Register.aspx.cs" Inherits="Register" Title="猎书网-用户注册" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<script language="javascript" src="/model/jquery.validate.min.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){    
 // 中文字两个字节    
jQuery.validator.addMethod("byteRangeLength", function(value, element, param) {    
  var length = value.length;    
  for(var i = 0; i < value.length; i++){    
   if(value.charCodeAt(i) > 127){    
    length++;    
   }    
  }  
  return this.optional(element) || ( length >= param[0] && length <= param[1] );    
});    
// 字符验证    
jQuery.validator.addMethod("userName", function(value, element) {      
  return this.optional(element) || /^[\u0391-\uFFE5\w]+$/.test(value);    
}, "用户名只能包括中文字、英文字母、数字和下划线");    

$(myForm).validate({    
/* 设置验证规则 */    
  rules: {    
   username: {    
    required: true,    
    userName: true,    
    byteRangeLength: [4,10],
    remote: {
        url: "Register.aspx",
        type: "post",
        data: {
            lb:"checkname",
            username: function() {
            
            return $("#username").val();
          }
        }
      }

   },    
   password: {    
    required: true,    
     minlength: 7   
   },    
   repassword: {    
    required: true,       
    equalTo: "#password"    
   },   
   email: {    
    required: true,    
    email: true,
    maxlength:50    
   },
   confirm:{
    required:true,
    minlength:4,
    maxlength:4
   }
  },    
/* 设置错误信息 */    
  messages: {    
   username: {    
    required: "请填写用户名",    
    byteRangeLength: jQuery.format("用户名必须{0}-{1}个字符之间(一个中文字算2个字符)"),
    remote: jQuery.format("用户名已存在")
   },    
   password: {    
    required: "请填写密码",    
    minlength: jQuery.format("密码不得小于{0}位.")    
   },    
   repassword: {    
    required: "请填写确认密码",    
    equalTo: "两次密码输入不相同"    
   },   
   email: {    
    required: "请输入一个Email地址",    
    email: "请输入一个有效的Email地址",
    maxlength:jQuery.format("Email长度不得多于{0}字符.")   
   },  
   confirm:{
    required:"请输入验证码",
    minlength: "验证码为4位的",
    maxlength:"验证码是4位的"
   } 
  },    
/* 错误信息的显示位置 */    
  errorPlacement: function(error, element) {    
    error.appendTo( element.parent() );      
  },    
  success: function(label) {
			// set &nbsp; as text for IE
			label.html("&nbsp;").addClass("checked");
		},
  submitHandler: function(form) { 
  
    $.ajax({ url: 'Register.aspx',
            type: 'POST',
            data: { lb: "adduser", username: $("#username").val(),password:$("#password").val(),email:$("#email").val(),confirm:$("#confirm").val()},
            dataType: 'html',
            timeout: 1000,
            error: function() { alert('未知错误'); },
            success: function(data) { 
              window.alert(data);
              if(data=="注册成功"){
                 window.location="Login.aspx";
              }
            }
            }); 
    }    //end of submitHandler
   
  });     
   
}); 
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<form id="myForm" action="#" method="post">
<table cellspacing="0" cellpadding="0" class="myTable myFormTable">
    <tr>
      <td colspan="2" class="title">注册协议</td>
    </tr>
    <tr>
      <td colspan="2" class="content">
          注册后您将可以享受到以下服务：<br />
          1、优先免费使用网页版的广告清理程序PageClear.aspx，在网吧、机房、朋友家里无需下载“清风小说浏览器”就能享受清新阅读。<br />
          2、更快的小说更新，只要您将连载书籍添加到个人书架中，我们将优先为其独立开启强力搜索功能，只要在收录的任意网站拥有新章节，都能第一时间显示在你面前。<br />
          3、对书籍进行每日不超过限制的投票。<br />
          4、注册用户能够对书籍自主地进行目录查找并保存，从而大大提高书籍的更新速度。<br />
          您能帮别人做什么？<br />
          1、对你觉得不错的书籍投出您宝贵的一票。<br />
          2、向我们推荐没有收录的优秀书站。E-mail：fangrenfu#126.com（#改为@）<br />
          3、为书籍分类。有很多书暂时没有区分类别，您可以将其归类，以便书友们查看。<br />
          
          注册用户名要求：<br />
          1、用户名为不得少于4个字符多于10个的英文和数字或者2-5个汉字。<br />
          2、密码不少于7位。<br />
          3、填写正确的邮箱地址（取回密码用）。</td>
    </tr>
    <tr>
      <td colspan="2" class="title">必填内容</td>
    </tr>
    <tr>
      <th width="25%">用户名：</th>
      <td width="75%"><input name="username" type="text" id="username" />
      </td>
    </tr>
    <tr>
      <th>E-mail：</th>
      <td><input name="email" type="text" id="email" /></td>
    </tr>
    <tr>
      <th>设密码：</th>
      <td><input name="password" type="password" id="password" /></td>
    </tr>
    <tr>
      <th>再一次：</th>
      <td><input name="repassword" type="password" id="repassword" /></td>
    </tr>
    <tr>
      <th>验证码：</th>
      <td><input name="confirm" type="text" id="confirm" style="width:50px;" />
      <asp:Image Runat="server" ID="ImageCheck" ImageUrl="ValidateCode.aspx"></asp:Image>
      </td>
    </tr>
  </table>
<div ><input id="register" type="submit" value="注册" /></div>
</form>
</asp:Content>

